<!DOCTYPE html>
<html lang="es">
  <head>
        <meta charset="utf-8">
        <title>TP4 Simulación</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Bootstrap -->
        <link href="../vendors/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link href="../vendors/bootstrap/css/bootstrap-responsive.css" rel="stylesheet" media="screen">
        <link href="css/main.css?v=1" rel="stylesheet" media="screen">
    </head>
    <body>
        <div class="container-narrow">
            <h1>TP4 - Simulación! - Montecarlo</h1>
            <ul class="nav nav-tabs">
                <li class="active"><a href="#tab-montecarlo" data-toggle="tab">Desarrollo</a></li>
            </ul>
            
            <div class="tab-content">
			
                <div class="tab-pane active" id="tab-montecarlo">
                    <form id="form-montecarlo">
                        <div class="row">
                             <div class="span3">   
                                <label for="montecarlo[num-rnd]" class="span1">Inversión anual:</label>
                                <input class="tooltip-title span2" type="text" value="3600" title="Inversión anual" name="montecarlo[inversion]">
                             </div>
                            <div class="span3">   
                                <label for="montecarlo[int]" class="span1">Cantidad de meses:</label>
                                <input class="tooltip-title span2" type="text" value="12" title="Cantidad de meses a simular" name="montecarlo[int]">
                             </div>
                        </div>
                        <div class="row">
                            <div class="span3">
                                <label for="montecarlo[precio_x_docena]" class="span1">Precio por docena:</label>
                                <input class="tooltip-title span2" type="text" value="15" title="Precio por docena" name="montecarlo[precio_x_docena]">
                            </div>
                            <div class="span3">
                                <label for="montecarlo[cant_docenas]" class="span1">Cantidad de docenas:</label>
                                <input class="numeric tooltip-title span2" type="text" value="30" title="Cantidad de docenas a comprar por mes(para stock)" name="montecarlo[cant_docenas]">
                            </div>
                        </div>
                        <div class="row">
                            <div class="span3">
                                <label for="montecarlo[precio_unitario]" class="span1">Precio unitario:</label>
                                <input class="tooltip-title span2" type="text" value="2.8" title="Precio unitario de souvenir" name="montecarlo[precio_unitario]">
                            </div>
                        </div>
                        <div class="row">
                            <div class="span5">
                                <button  type="button" class="btn btn-primary" id="form-montecarlo-btn">Generar</button>
                            </div>
                        </div>
                    </form>
                    <div class="CSSTableGenerator">
                    <label class="resultado"></label><br>
                    <label class="mediaVendido"></label>
                    <table id="tableMontecarlo">
                        
                        <tbody>
                            
                            
                        </tbody>
                    </table>
                        </div>
                </div>
				
                
            </div>
            <label class="resultado"></label><br>
            <label class="mediaVendido"></label>
            <br><br>
            <label id="labelTiempo"></label>
        </div>
        
        <script src="http://code.jquery.com/jquery.js"></script>
        <script src="../vendors/bootstrap/js/bootstrap.min.js"></script>
        
		<script src="../vendors/highcharts/js/highcharts.js" type="text/javascript"></script>
        <script src="../vendors/highcharts/js/themes/grid.js" type="text/javascript"></script>
        <script src="../vendors/highcharts/js/modules/exporting.js"></script>
        <script type="text/javascript" src="js/funciones.js"></script>
        
        <script src="js/main.js?v=1"></script>
        
    </body>
</html>